<!--
此文件为开发者工具生成，生成时间: 2021/11/28 下午7:55:39
使用方法：
在 D:\git\毕业设计\毕业设计\毕业设计\uniapp_shop-master\unpackage\dist\dev\mp-weixin\pages\goods\goods.wxml 引入模板

```
<import src="goods.skeleton.wxml"/>
<template is="skeleton" wx-if="{{loading}}" />
```

在 D:\git\毕业设计\毕业设计\毕业设计\uniapp_shop-master\unpackage\dist\dev\mp-weixin\pages\goods\goods.wxss 中引入样式
```
@import "./goods.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<template name="skeleton">
  <view class="sk-container">
    <view>
      <view class="status" style="opacity:0;"></view>
      <view class="header">
        <view class="before" style="opacity:0.2;z-index:11;">
          <view class="back"></view>
          <view class="middle"></view>
          <view class="icon-btn">
            <view class="icon tongzhi sk-pseudo sk-pseudo-circle" data-event-opts="tap,toMsg,$event"></view>
            <view class="icon cart sk-pseudo sk-pseudo-circle" data-event-opts="tap,joinCart,$event"></view>
          </view>
        </view>
        <view class="after" style="opacity:0;z-index:10;">
          <view class="back"></view>
          <view class="middle">
            <view class="on sk-transparent sk-text-14-2857-472 sk-text" data-event-opts="tap,toAnchor,0" style="border: none;">图片</view>
            <view data-event-opts="tap,toAnchor,1" class="sk-transparent sk-text-14-2857-433 sk-text">介绍</view>
            <view data-event-opts="tap,toAnchor,2" class="sk-transparent sk-text-14-2857-610 sk-text">详情</view>
          </view>
          <view class="icon-btn">
            <view class="icon tongzhi sk-pseudo sk-pseudo-circle" data-event-opts="tap,toMsg,$event"></view>
            <view class="icon cart sk-pseudo sk-pseudo-circle" data-event-opts="tap,joinCart,$event"></view>
          </view>
        </view>
      </view>
      <view class="footer" style="border: none;">
        <view class="icons">
          <view class="box" data-event-opts="tap,share,$event">
            <view class="icon fenxiang sk-pseudo sk-pseudo-circle"></view>
            <view class="text sk-transparent sk-text-14-2857-219 sk-text">分享</view>
          </view>
          <view class="box" data-event-opts="tap,toChat,$event">
            <view class="icon kefu sk-pseudo sk-pseudo-circle"></view>
            <view class="text sk-transparent sk-text-14-2857-763 sk-text">客服</view>
          </view>
          <view class="box" data-event-opts="tap,keep,$event">
            <view class="icon shoucang sk-pseudo sk-pseudo-circle"></view>
            <view class="text sk-transparent sk-text-14-2857-445 sk-text">收藏</view>
          </view>
        </view>
        <view class="btn">
          <view class="joinCart sk-transparent sk-text-14-2857-978 sk-text" data-event-opts="tap,joinCart,$event">加入购物车</view>
          <view class="buy sk-transparent sk-text-14-2857-251 sk-text" data-event-opts="tap,buy,$event">立即购买</view>
        </view>
      </view>
      <view class="swiper-box">
        <swiper autoplay="false" circular="true" data-event-opts="change,swiperChange,$event" current="0">
          <swiper-item style="position: absolute; width: 100%; height: 100%; transform: translate(0%, 0px) translateZ(0px);">
            <image data-event-opts="tap,toSwiper,$0,swiperList,id,1" class="sk-image"></image>
          </swiper-item>
        </swiper>
        <view class="indicator sk-transparent sk-text-14-2857-218 sk-text">1/1</view>
      </view>
      <view class="info-box goods-info">
        <view class="price sk-transparent sk-text-14-2857-503 sk-text">￥45</view>
        <view class="title sk-transparent sk-text-14-2857-771 sk-text">CME红外线额温枪</view>
      </view>
      <view class="info-box spec">
        <view class="row" data-event-opts="tap,showService,$event">
          <view class="text sk-transparent sk-text-14-2857-477 sk-text">服务</view>
          <view class="content">
            <view class="serviceitem sk-transparent sk-text-14-2857-462 sk-text">正品保证</view>
            <view class="serviceitem sk-transparent sk-text-14-2857-961 sk-text">极速退款</view>
            <view class="serviceitem sk-transparent sk-text-14-2857-681 sk-text">7天退换</view>
          </view>
          <view class="arrow">
            <view class="icon xiangyou sk-pseudo sk-pseudo-circle"></view>
          </view>
        </view>
        <view class="row" data-event-opts="tap,showSpec,false">
          <view class="text sk-transparent sk-text-14-2857-975 sk-text">选择</view>
          <view class="content">
            <view class="sk-transparent sk-text-14-2857-901 sk-text">选择规格：</view>
            <view class="sp">
              <view class="sk-transparent sk-text-14-2857-649 sk-text">标配</view>
            </view>
          </view>
          <view class="arrow">
            <view class="icon xiangyou sk-pseudo sk-pseudo-circle"></view>
          </view>
        </view>
      </view>
      <view class="info-box comments" id="comments">
        <view class="row">
          <view class="text sk-transparent sk-text-14-2857-313 sk-text">商品介绍 (库存: 123)</view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
</script>

<style>
	/*
	此文件为开发者工具生成，生成时间: 2021/11/28 下午7:55:39
	
	在 D:\git\毕业设计\毕业设计\毕业设计\uniapp_shop-master\unpackage\dist\dev\mp-weixin\pages\goods\goods.wxss 中引入样式
	```
	@import "./goods.skeleton.wxss";
	```
	
	更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
	*/
	.sk-transparent {
	    color: transparent !important;
	  }
	.sk-text-14-2857-472 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 42.6563rpx;
	    position: relative !important;
	  }
	.sk-text {
	    background-origin: content-box !important;
	    background-clip: content-box !important;
	    background-color: transparent !important;
	    color: transparent !important;
	    background-repeat: repeat-y !important;
	  }
	.sk-text-14-2857-433 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 42.6563rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-610 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 42.6563rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-219 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 29.5313rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-763 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 29.5313rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-445 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 29.5313rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-978 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 36.0938rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-251 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 36.0938rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-218 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 29.5313rpx;
	    position: absolute !important;
	  }
	.sk-text-14-2857-503 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 62.3437rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-771 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.3750rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-477 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 32.8125rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-462 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 36.0938rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-961 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 36.0938rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-681 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 36.0938rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-975 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 32.8125rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-901 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 36.0938rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-649 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 26.2500rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-313 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.3750rpx;
	    position: relative !important;
	  }
	.sk-image {
	    background: #EFEFEF !important;
	  }
	.sk-pseudo::before, .sk-pseudo::after {
	      background: #EFEFEF !important;
	      background-image: none !important;
	      color: transparent !important;
	      border-color: transparent !important;
	    }
	.sk-pseudo-rect::before, .sk-pseudo-rect::after {
	      border-radius: 0 !important;
	    }
	.sk-pseudo-circle::before, .sk-pseudo-circle::after {
	      border-radius: 50% !important;
	    }
	.sk-container {
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    overflow: hidden;
	    background-color: transparent;
	  }

</style>
